﻿/*----------------------------------------------------------------------------------------------------------------------------------------------------
           Pages style
----------------------------------------------------------------------------------------------------------------------------------------------------*/
::selection { color:#fff; background-color:#5D9CEC; }
::-moz-selection { color:#fff; background-color:#5D9CEC; }
/* Common Class */
.float-left { float:left; display:inline; }
.float-right { float:right; display:inline; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.dl-horizontal dt { float:left; display:inline; }
.dl-horizontal dd { overflow:hidden; *zoom:1; }
.fixed { position:fixed; top:0px; left:0px; }
.double-hr { border-top:3px double #ccc; clear:both; font-size:0; height:0; overflow:hidden; margin-bottom:20px; display:none; }
#wrapper { width:100%; margin-left:auto; margin-right:auto; background-color:#fff; position:relative; }
.page-width { width:1120px; margin:0 auto; }
.page-width .page-width { width: auto; }
.layout-boxed { }
.layout-boxed #wrapper { width:1260px; box-shadow:0 0 12px rgba(0, 0, 0, 0.15); }
.home-page { }
.insi-page { }
/* 左右悬浮 */
.fixed-side { position:absolute; top:150px; z-index:10001; }
.fixed-left { left:0; }
.fixed-right { right:0; float:right; }
.not-animated { opacity:0; }
/* 返回顶部 */
.gotop-wrapper { position:fixed; bottom:50px; right:15px; z-index:1001; background-color:rgba(0,0,0,0.3); background-color:#969696\9; }
.gotop-wrapper:hover { background-color:rgba(0,0,0,0.6); background-color:#6d6d6d\9; } 
.gotop-wrapper a { 
	display:none; _display:none !important;
	width:55px; height:55px; overflow:hidden; background:url(../images/icon-gotop-fixed.gif) no-repeat center;
}
/* ============================= top ============================= */
.top { width:100%; position:relative; z-index:1000; background-color:#fff; }
/* top-bar */
.top-bar { line-height:30px; font-size:13px; padding: 3px 0; color:#bbb; background-color:#606060; position:relative; z-index:101; }
.top-bar .qhd-content p { line-height: 30px;}
.top-bar a { color:#808080; }
.top-bar a:hover { color:#3B8CED; text-decoration:none; }
.top-bar-content { max-width:750px; height:auto !important; }
.top-bar-content .qhd-content p { line-height:36px; }
.top-bar-content .qhd-content img {  vertical-align:middle; line-height:normal; }
.top-bar-content .link a { _position:relative; _top:7px; }
/* language */
.language { position:relative; font-size:12px; z-index:100; }
.language a:hover { text-decoration:none; }
.language .language-ico { padding:0 0 0 20px; background-repeat:no-repeat; background-position:left center; }
.language .sf-menu a { border:none; color:#666 !important; padding-top:6px; padding-bottom:9px; }
.language .sf-menu li { background-color:transparent; }
.language .sf-menu li ul { width:11em; }
.language .sf-menu li li { background-color:#fff; }
.language .sf-menu li li a { border-bottom:1px solid #f2f2f2; padding:0.75em 1em; }
.language .sf-menu li.sfHover, .language .sf-menu li.sfHover a:hover { background-color:#fff; }
.language .sf-menu li li:hover, .language .sf-menu li.sfHover li a:hover, .language .sf-menu li li a:focus, .language .sf-menu li li a:hover, .language .sf-menu li li a:active { background:#fafafa; }
.language .sf-menu li:hover ul, .language .sf-menu li.sfHover ul { top:29px; }
.language .sf-menu a.sf-with-ul { padding-right:2em; }
.language .sf-menu .sf-sub-indicator { top:0.6em; }
.language-sign { display:block; width:36px; height:16px; overflow:hidden; position:absolute; top:7px; left:-30px; background:url(../images/language-bg.png) no-repeat left center; }
/* logo */
.logo img { display:block; }
.top-main-content .qhd-content img { vertical-align:text-bottom; }
/* top-search */
.top-search { width:200px; }
.top-search .search-form .form-text { border:none; float:right; height:28px; line-height:28px; padding:0 8px; width:153px; color:#999; font-size:12px; }
.top-search .search-form .form-btn { float:right; padding:0; width:28px; height:28px; overflow:hidden; border:none; cursor:pointer; background:#fff url(../images/search-icon-n.png) no-repeat center; }
.top-search .search-form .form-btn:hover { background:#f30 url(../images/search-icon-h.png) no-repeat center;}
.top-search .search-form .form-btn span { display:none; }
/* ---------- header-v1 ---------- */
.header-v1 { color:#808080; }
.header-v1 a { color:#808080; }
.header-v1 a:hover { color:#696058; text-decoration:none; }
.header-v1 .top-main { background:#fff url(../images/top-bg.png) repeat-x bottom center; }
.header-v1 .top-bar a { color: #bcbbbb; }
.header-v1 .top-bar a:hover { color: #fff; }
/*.header-v1 .top-bar .page-width ,
.header-v1 .top-main .page-width { width: 1200px;}
.header-v1 .top-main .page-width { position:relative; width: 1200px; }*/
.header-v1 .top-main-content-section { margin:3px 0; }
.header-v1 .top-main-content {}
.header-v1 .top-widget {}
.header-v1 .logo { float:left; padding:10px 0 5px; position:relative; }
.header-v1 .logo a { display:block; }
/* 多语言 */
.header-v1 .language { margin-left:30px; }
.header-v1 .language a { margin-left:10px; }
/* 全局 */
.header-v1 .nav { margin-top:7px; float:right; }
.header-v1 .main-nav { _float:left; }
.header-v1 .main-nav .sf-menu a, .header-v1 .main-nav .sf-menu a:visited { color:#808080; }
.header-v1 .main-nav .sf-menu a:hover { text-decoration:none; color:#696058; }
.header-v1 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:84px; font-size:16px; font-size:1.6rem; }
.header-v1 .main-nav .sf-menu a strong { font-weight:normal; }
/* 一级 */
.header-v1 .main-nav .sf-menu li { margin-left:2px; background-color:transparent; background: url(../images/nav_bg.png) no-repeat transparent right center;}
.header-v1 .main-nav .sf-menu li.last { background: none;}
.header-v1 .main-nav .sf-menu li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover > a,
.header-v1 .main-nav .sf-menu a:focus, 
.header-v1 .main-nav .sf-menu a:hover, 
.header-v1 .main-nav .sf-menu a:active { background-color:transparent; color:#0061b0; }
.header-v1 .main-nav .sf-menu li.current, .header-v1 .main-nav .sf-menu li.current .first-level, .header-v1 .main-nav .sf-menu li.current .first-level:visited { background-color:transparent; color:#0061b0;  }
.header-v1 .main-nav .sf-menu li.sfHover .first-level { color:#0061b0; }
.header-v1 .main-nav .sf-sub-indicator { display:none; background-image:url(../images/superfish-arrows-white.gif); }
.header-v1 .main-nav .first-level { padding-left:1.4em; padding-right:1.4em; }
.header-v1 .main-nav .first-level .sf-sub-indicator { top:3em; }
.header-v1 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:4px; overflow:hidden; background-color:#0061b0; position:absolute; bottom:0px; left:0; margin-left:0; }
.header-v1 .main-nav .sf-menu li:hover i, .header-v1 .main-nav .sf-menu .nav-hover i, .header-v1 .main-nav .sf-menu .current i, .header-v1 .main-nav .sf-menu .sfHover i { display:block; } 
/* 二级以下 */
.header-v1 .sf-menu ul { width:14em; }
.header-v1 .main-nav .sf-menu li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover ul { top:84px; }
.header-v1 .main-nav .sf-menu li li:hover ul, .header-v1 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v1 .main-nav .sf-menu li li { margin-left:0; background-color:rgba(50,110,185,0.95); background-color:#326eb9\9; background-image: none; }
.header-v1 .main-nav .sf-menu li li a, .header-v1 .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; color:#fff; font-size:13px; font-size:1.3rem; }
.header-v1 .main-nav .sf-menu li li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v1 .main-nav .sf-menu li li a:focus, 
.header-v1 .main-nav .sf-menu li li a:hover, 
.header-v1 .main-nav .sf-menu li li a:active { background-color:#285c9d; color:#fff; }
.header-v1 .main-nav .sf-menu li li .sf-sub-indicator { top:1.5em; display:block; }
.header-v1 .top-search { position:absolute; right:0; top:0; z-index:11; width:80px; height:80px;  }
.header-v1 .search-form-toggle { display:block; width:80px; height:80px; background:#fda412 url(../images/search-icon-n.png) no-repeat center; }
.header-v1 .search-form-toggle:hover { background-color:#f29c11; }
.header-v1 .search-form-toggle span { display:none; }
.header-v1 .top-search .search-form { display:none; position:absolute; right:0; top:80px; z-index:11; width:350px; padding:15px; background-color:#fda412; }
.header-v1 .top-search .search-form .form-text { padding-right:20px; width:252px; height:34px; line-height:34px; background-color:#e7991c; color:#fff;  }
.header-v1 .top-search .search-form .form-btn { width:70px; height:34px; background:#cc8718; }
.header-v1 .top-search .search-form .form-btn span { display:block; }
/* ---------- header-v2 ---------- */
.header-v2 { position:relative; }
.header-v2 .top-bar { }
.header-v2 .top-main { padding:25px 0; background:#fff; }
.header-v2 .top-main a {}
.header-v2 .top-main a:hover { }
.header-v2 .top-main .page-width {}
.header-v2 .top-main .logo { }
.header-v2 .top-main .top-widget { margin-top:18px; }
.header-v2 .top-main .top-widget a { color:#808080; }
.header-v2 .top-main .top-widget a:hover { color:#696058; }
.header-v2 .top-main-content { position:relative; }
.header-v2 .language { position:absolute; top:-18px; right:0; }
.header-v2 .language a { margin-left:10px; }
/* 全局 */
.header-v2 .nav-wrapper { background-color:#736960; }
.header-v2 .nav { }
.header-v2 .main-nav .sf-menu a, .header-v2 .main-nav .sf-menu a:visited { color:#fff; }
.header-v2 .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v2 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:55px; font-size:15px; color:#fff; font-weight:normal; }
/* 一级 */
.header-v2 .main-nav .sf-menu li { margin-right:2px; background-color:transparent; }
.header-v2 .main-nav .sf-menu li.last { background-image:none; }
.header-v2 .main-nav .sf-menu li:hover, 
.header-v2 .main-nav .sf-menu li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover > a,
.header-v2 .main-nav .sf-menu a:focus, 
.header-v2 .main-nav .sf-menu a:hover, 
.header-v2 .main-nav .sf-menu a:active { background-color:#665d55; color:#fff; }
.header-v2 .main-nav .sf-menu li.current, .header-v2 .main-nav .sf-menu li.current .first-level, .header-v2 .main-nav .sf-menu li.current .first-level:visited { background-color:#665d55; color:#fff; }
.header-v2 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v2 .main-nav .sf-menu .first-level { padding-right:1.8em; padding-left:1.8em; border-right:none; }
.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v2 .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v2 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#00b1e1; position:absolute; top:-3px; left:0; }
.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i, .header-v2 .main-nav .sf-menu .current i, .header-v2 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v2 .sf-menu ul { width:14em; }
.header-v2 .main-nav .sf-menu li:hover ul, .header-v2 .main-nav .sf-menu li.sfHover ul { top:55px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v2 .main-nav .sf-menu li li:hover ul, .header-v2 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v2 .main-nav .sf-menu li li { margin-right:0; background-color:rgba(110,100,91,0.95); background-color:#6e645b\9; border-top:none; background-image:none; }
.header-v2 .main-nav .sf-menu li li a, .header-v2 .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; font-size:13px; color:#fff; }
.header-v2 .main-nav .sf-menu li li a strong { font-weight:normal; }
.header-v2 .main-nav .sf-menu li li:hover, 
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v2 .main-nav .sf-menu li li a:focus, 
.header-v2 .main-nav .sf-menu li li a:hover, 
.header-v2 .main-nav .sf-menu li li a:active { background-color:#665d55; color:#fff; }
.header-v2 .main-nav .sf-menu li li .sf-sub-indicator { top:1.3em; display:block; }
/* ---------- header-v3 ---------- */
.header-v3 { }
.header-v3 a { color:#999; }
.header-v3 a:hover { color:#f30; text-decoration:none; }
.header-v3 .top-main { padding:30px 0 40px; }
.header-v3 .page-width { position:relative; }
.header-v3 .logo { text-align:center; }
.header-v3 .logo img { display:inline-block; margin-bottom:-5px; }
.header-v3 .language { position:absolute; left:0; bottom:0; }
.header-v3 .language a { margin-right:15px; }
.header-v3 .top-main-content { position:absolute; right:0; bottom:-5px; }
.header-v3 .top-widget { color:#808080; }
/* 全局 */
.header-v3 .nav { height:46px; background:#f30 url(../images/header-v3-bg.jpg) no-repeat center; }
.header-v3 .main-nav .sf-menu a, .header-v3 .main-nav .sf-menu a:visited { color:#fff; }
.header-v3 .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v3 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:46px; font-size:14px; color:#fff; font-weight:bold; }
/* 一级 */
.header-v3 .main-nav .sf-menu li { margin-right:2px; background-color:transparent; }
.header-v3 .main-nav .sf-menu li.last { background-image:none; }
.header-v3 .main-nav .sf-menu li:hover, 
.header-v3 .main-nav .sf-menu li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover > a,
.header-v3 .main-nav .sf-menu a:focus, 
.header-v3 .main-nav .sf-menu a:hover, 
.header-v3 .main-nav .sf-menu a:active { background-color:#e7f2f8; color:#f30;  }
.header-v3 .main-nav .sf-menu li.current, .header-v3 .main-nav .sf-menu li.current .first-level, .header-v3 .main-nav .sf-menu li.current .first-level:visited { background-color:#e7f2f8; color:#f30;  }
.header-v3 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v3 .main-nav .sf-menu .first-level { padding-right:1.2em; padding-left:1.2em; border-right:none; margin-right:3px; }
.header-v3 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v3 .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v3 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#00b1e1; position:absolute; top:-3px; left:0; }
.header-v3 .main-nav .sf-menu li:hover i,.header-v3 .main-nav .sf-menu .nav-hover i, .header-v3 .main-nav .sf-menu .current i, .header-v3 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v3 .main-nav .sf-menu li:hover ul, .header-v3 .main-nav .sf-menu li.sfHover ul { top:46px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v3 .main-nav .sf-menu li li:hover ul, .header-v3 .main-nav .sf-menu li li.sfHover ul { top:0; left:13em; }
.header-v3 .main-nav .sf-menu li li { margin-right:0; background-color:rgba(255,255,255,0.9); background-color:#fff\9; border-top:none; background-image:none; }
.header-v3 .main-nav .sf-menu li li a, .header-v3 .main-nav .sf-menu li li a:visited { padding-top:0; padding-bottom:0; line-height:36px; font-weight:normal; font-size:13px; color:#4d4d4d; }
.header-v3 .main-nav .sf-menu li li:hover, 
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v3 .main-nav .sf-menu li li a:focus, 
.header-v3 .main-nav .sf-menu li li a:hover, 
.header-v3 .main-nav .sf-menu li li a:active { background-color:#25a9ba; color:#fff; }
.header-v3 .main-nav .sf-menu li li .sf-sub-indicator { top:1em; display:block; }
/* 搜索 */
.header-v3 .top-search { width:190px; margin-top:10px; }
.header-v3 .top-search .search-form .form-text { width:128px; margin-right:1px; background-color:#fff; }
/* ---------- header-v4 ---------- */
.header-v4 { /*position:absolute;*/ width:100%; background-color:#1d66bf; }
.header-v4 .logo { float:left; margin-top:15px; }
.header-v4 .nav, .header-v4 .main-nav { float:right; }
.boxed .header-v4 { width:1060px; }
/* 全局 */
.header-v4 .main-nav .sf-menu a, .header-v4 .main-nav .sf-menu a:visited { color:#fff; }
.header-v4 .main-nav .sf-menu a:hover { text-decoration:none; color:#fff; }
.header-v4 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:100px; font-size:16px; color:#fff; font-weight:bold; }
/* 一级 */
.header-v4 .main-nav .sf-menu li { margin-left:5px; background-color:transparent; }
.header-v4 .main-nav .sf-menu li:hover, 
.header-v4 .main-nav .sf-menu li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover > a,
.header-v4 .main-nav .sf-menu a:focus, 
.header-v4 .main-nav .sf-menu a:hover, 
.header-v4 .main-nav .sf-menu a:active { background-color:#2379e3; color:#fff; }
.header-v4 .main-nav .sf-menu li.current, .header-v4 .main-nav .sf-menu li.current .first-level, .header-v4 .main-nav .sf-menu li.current .first-level:visited { background-color:#2379e3; color:#fff; }
.header-v4 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-header-v4.gif); }
.header-v4 .main-nav .first-level { padding-right:1em; padding-left:1em; }
.header-v4 .main-nav .first-level .sf-sub-indicator { display:none; }
.header-v4 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:2px; overflow:hidden; background-color:#f90; position:absolute; top:0; left:0; }
.header-v4 .main-nav .sf-menu li:hover i, .header-v4 .main-nav .sf-menu .nav-hover i, .header-v4 .main-nav .sf-menu .current i, .header-v4 .main-nav .sf-menu .sfHover i { display:block; }
/* 二级以下 */
.header-v4 .main-nav .sf-menu li:hover ul, .header-v4 .main-nav .sf-menu li.sfHover ul { top:100px; }
.header-v4 .main-nav .sf-menu li li:hover ul, .header-v4 .main-nav .sf-menu li li.sfHover ul { top:0; left:13em; }
.header-v4 .main-nav .sf-menu li li { margin-left:0; background-color:#2379e3; }
.header-v4 .main-nav .sf-menu li li a, .header-v4 .main-nav .sf-menu li li a:visited { padding-top:0; padding-bottom:0; line-height:36px; font-weight:normal; font-size:13px; color:#fff; }
.header-v4 .main-nav .sf-menu li li:hover, 
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v4 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v4 .main-nav .sf-menu li li a:focus, 
.header-v4 .main-nav .sf-menu li li a:hover, 
.header-v4 .main-nav .sf-menu li li a:active { background-color:#1f6dcc; color:#fff; }
.header-v4 .main-nav .sf-menu li li .sf-sub-indicator { top:1em; display:block; }
/* ---------- header-v5 ---------- */
.header-v5 { position:absolute; top:40px; left:50%; margin-left:-560px; width:1120px; }
.header-v5 .page-width { width:auto; position:relative; box-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.header-v5 .logo { height:85px; float:left; background-color:#ff3333; padding:0 20px; }
.header-v5 .logo a { display:block; margin-top:8px; }
.header-v5 .top-main { background-color:#fff; }
.header-v5 .top-main-content { margin-right:90px; }
/* language */
.header-v5 .language { position:absolute; top:28px; right:20px; }
.header-v5 .language em { display:none; }
.header-v5 .language a.first-level { padding:0 15px 0 10px; width:25px; height:28px; line-height:28px; background-color:#fff; border:1px solid #fff; }
.header-v5 .language .sfHover a.first-level { border-color:#ededed; }
.header-v5 .language .sf-menu li ul { top:30px; width:50px; background-color:#fafafa; border:1px solid #ededed; border-top:none; }
.header-v5 .language .sf-sub-indicator { width:9px; height:6px; top:1em; background:url(../images/lang-select.gif) no-repeat; }
.header-v5 .language .sf-menu li li a { padding:9px 12px 9px 17px; }
.language-tips { position:absolute; z-index:10001; border:1px solid #ccc; background:#ffffcc; padding:2px 10px; color:#333; font-size:12px; box-shadow:0px 0px 3px rgba(0,0,0,0.2); }
/* 全局 */
.header-v5 .nav, .header-v5 .main-nav { float:right; }
.header-v5 .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v5 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:85px; font-size:15px; color:#333; }
/* 一级 */
.header-v5 .main-nav .sf-menu li { margin-left:0; background-color:transparent; }
.header-v5 .main-nav .sf-menu li:hover, 
.header-v5 .main-nav .sf-menu li.sfHover,
.header-v5 .main-nav .sf-menu li.sfHover > a,
.header-v5 .main-nav .sf-menu a:focus, 
.header-v5 .main-nav .sf-menu a:hover, 
.header-v5 .main-nav .sf-menu a:active { background-color:#fafafa; color:#ff3333; }
.header-v5 .main-nav .sf-menu li.current, .header-v5 .main-nav .sf-menu li.current .first-level, .header-v5 .main-nav .sf-menu li.current .first-level:visited { background-color:#fafafa; color:#ff3333; }
.header-v5 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v5 .main-nav .sf-menu .first-level { padding-right:1.3em; padding-left:1.3em; border-right:1px solid #f2f2f2; text-align:center; }
.header-v5 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v5 .main-nav .sf-menu .first-level strong { font-weight:normal; }
.header-v5 .main-nav .sf-menu .first-level-min { display:block; line-height:71px; }
.header-v5 .main-nav .sf-menu .first-level em { display:block; line-height:14px; position:relative; top:-22px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; }
.header-v5 .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v5 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#ff3333; position:absolute; top:-3px; left:0; }
.header-v5 .main-nav .sf-menu li:hover i,.header-v5 .main-nav .sf-menu .nav-hover i, .header-v5 .main-nav .sf-menu .current i, .header-v5 .main-nav .sf-menu .sfHover i { display:block; } 
/* 二级以下 */
.header-v5 .main-nav .sf-menu li:hover ul, .header-v5 .main-nav .sf-menu li.sfHover ul { top:85px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v5 .main-nav .sf-menu li li:hover ul, .header-v5 .main-nav .sf-menu li li.sfHover ul { top:0; left:13em; }
.header-v5 .main-nav .sf-menu li li { margin-left:0; background-color:rgba(1,175,62,0.95); background-color:#ff3333\9; }
.header-v5 .main-nav .sf-menu li li strong { font-weight:normal; }
.header-v5 .main-nav .sf-menu li li a, .header-v5 .main-nav .sf-menu li li a:visited { padding-top:0; padding-bottom:0; line-height:45px; font-weight:normal; font-size:13px; color:#fff; }
.header-v5 .main-nav .sf-menu li li:hover, 
.header-v5 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v5 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v5 .main-nav .sf-menu li li a:focus, 
.header-v5 .main-nav .sf-menu li li a:hover, 
.header-v5 .main-nav .sf-menu li li a:active { background-color:rgba(2,153,55,0.95); background-color:#029937\9; color:#fff; }
.header-v5 .main-nav .sf-menu li li .sf-sub-indicator { top:1em; display:block; }
/* ---------- side-header ---------- */
/*#wrapper { padding-left:260px; width:auto; } 启动后全局侧边栏导航模式*/ 
.side-header { position:fixed; top:0; /*left:0;*/ z-index:11; width:260px; margin-left:-260px; height:100%; background-color:#fff; box-shadow:2px 0 5px -2px rgba(0, 0, 0, 0.2); }
.side-header-wrapper { position:relative; height:100%; }
.side-header .top-main-content { position:absolute; bottom:20px; left:0; color:#666; }
.side-header .top-main-content a { color:#666; }
.side-header .top-main-content a:hover { color:#e60566; }
.side-header .top-main-content em { margin:0 5px;}
.side-header .top-main-content .language { padding:10px 35px; }
.side-header .top-main-content .top-widget { padding:0 35px; }
.side-header .logo { margin-bottom:20px; padding:30px 20px 20px; text-align:center; }
.side-header .logo img { display:inline; max-width:100%; }
.main-nav-vertical {  }
.main-nav-vertical .sf-menu a, .main-nav-vertical .sf-menu a:visited { color:#4d4d4d;  }
.main-nav-vertical .sf-menu a { border:none;/* padding:0 40px; height:50px; line-height:50px;*/ padding:15px 35px; line-height:normal; font-size:14px; }
.main-nav-vertical .sf-menu { width:260px; }
.main-nav-vertical .sf-menu li { width:100%; float:none; background-color:transparent; margin-bottom:1px; *margin-bottom:-3px; }
.main-nav-vertical .sf-menu li strong { font-weight:normal; }
.main-nav-vertical .sf-menu li.current, .main-nav-vertical .sf-menu li.current .first-level, .main-nav-vertical .sf-menu li.current .first-level:visited { color:#e60566; }
.main-nav-vertical .sf-menu li:hover, 
.main-nav-vertical .sf-menu li.sfHover,
.main-nav-vertical .sf-menu li.sfHover > a,
.main-nav-vertical .sf-menu a:focus, 
.main-nav-vertical .sf-menu a:hover, 
.main-nav-vertical .sf-menu a:active { background-color:#f8f8f8; color:#e60566; }
.main-nav-vertical .sf-menu .first-level .sf-sub-indicator { display:none; }
/* 二级 */
.main-nav-vertical .sf-menu ul { width:230px; }
.main-nav-vertical .sf-menu li:hover ul, .main-nav-vertical .sf-menu li.sfHover ul { left:100%; top:0; }
.main-nav-vertical .sf-menu li:hover ul.position-bottom, .main-nav-vertical .sf-menu li.sfHover ul.position-bottom { top:auto; bottom:0; }
.main-nav-vertical .sf-menu li li { margin-bottom:0; background-color:transparent; }
.main-nav-vertical .sf-menu li li a {  }
.main-nav-vertical .sf-menu li li strong { font-weight:normal; }
.main-nav-vertical .sf-menu li li:hover, 
.main-nav-vertical .sf-menu li.sfHover li.sfHover,
.main-nav-vertical .sf-menu li.sfHover li.sfHover > a,
.main-nav-vertical .sf-menu li li a:focus, 
.main-nav-vertical .sf-menu li li a:hover, 
.main-nav-vertical .sf-menu li li a:active { background-color:transparent; }
/* 三级 */
.main-nav-vertical .sf-menu ul ul li { background-color:#f8f8f8; }
.main-nav-vertical .sf-menu ul ul li:hover, 
.main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover,
.main-nav-vertical .sf-menu li.sfHover ul ul li.sfHover > a,
.main-nav-vertical .sf-menu ul ul li a:focus, 
.main-nav-vertical .sf-menu ul ul li a:hover, 
.main-nav-vertical .sf-menu ul ul li a:active { background-color:#f2f2f2; color:#e60566; }
.main-nav-vertical .vertical-nav-bg { position:fixed; left:260px; top:0; width:230px; height:100%; background-color:#fcfcfc; display:none;  }
.main-nav-vertical .sf-menu li.sfHover .vertical-nav-bg { display:block; }
.main-nav-vertical .sf-sub-indicator { top:1.4em; background-position:0 0; }
.main-nav-vertical .sf-menu a:focus > .sf-sub-indicator,
.main-nav-vertical .sf-menu a:hover > .sf-sub-indicator,
.main-nav-vertical .sf-menu a:active > .sf-sub-indicator,
.main-nav-vertical .sf-menu li:hover > a > .sf-sub-indicator,
.main-nav-vertical .sf-menu li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }
/* ============================= header ============================= */
.header { /*min-height:100px; height:auto !important; _height:100px;*/ }
/* ============================= page-title & page-name & page-menu ============================= */
.page-title .page-width { overflow:hidden; }
.page-title .page-name { line-height:44px; }
.page-title .page-name h2 { font-size:16px; }
.page-title .breadcrumbs { line-height:44px; }
.page-title-inner { background:none; border-bottom:1px solid #e5e5e5; padding:0; margin-bottom:30px; }
.page-title-inner .breadcrumbs { padding-left:16px; background: url(../images/icon-home.png) no-repeat left center; }
.page-menu { margin-bottom:35px; padding-bottom:10px; background-color:#fffbf7; }
.page-menu-title { background:#5d9cec; }
.page-menu-title h3 { padding-left:15px; height:45px; line-height:45px; color:#fff;font-size:18px; font-weight: normal; }
.page-menu-title-max h3 { font-size:24px; }
.page-menu-title h4 { margin-bottom:5px; padding-left:35px; line-height:normal; color:#fff; font-size:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.page-menu-content { padding:10px 0 25px; }
.page-menu-content ul { padding:0 15px;  }
.page-menu-content ul li { position:relative; border-bottom:1px solid #e6e6e6;  }
.page-menu-content ul li a { display:block; padding-top:12px; padding-bottom:12px; padding-right:10px; line-height:normal; color:#555; font-size:14px; *zoom:1; }
.page-menu-content ul li i { display:block; width:7px; height:7px; overflow:hidden; position:absolute; top:17px; right:0; _right:15px; background:url(../images/page-menu.gif) no-repeat 0 0; }
.page-menu-content ul li a:hover { text-decoration:none; color:#195cb2; }
.page-menu-content ul li:hover i { background-image:url(../images/page-menu-c.gif); }
.page-menu-content ul ul { padding:0 0 0 15px ; margin:0 0 20px; display:none; }
.page-menu-content ul ul li.last { border-bottom:none; }
.page-menu-content ul li ul li { border-bottom:none; }
.page-menu-content ul li ul li a { color:#555; padding-left:10px; background:url(../images/page-menu-sub.gif) no-repeat left 15px;  }
.page-menu-content ul li ul li a:hover { color:#195cb2; background:url(../images/page-menu-sub-c.gif) no-repeat left center; }
.page-menu-content ul ul li a { background-image:none; padding:8px 0; line-height:normal; background-colot:#f2f2f2; font-size:13px; }
.page-menu-content ul li.current a { color:#195cb2; }
.page-menu-content ul li.current i { background-image:url(../images/page-menu-c.gif); }
.page-menu-content ul li.current ul { display:block; margin-top:0; }
.page-menu-content ul li.current ul li { border-bottom:none; }
.page-menu-content ul li.current ul li a { color:#555; }
.page-menu-content ul li.current ul li a:hover { color:#195cb2; }
.page-menu-content ul li.current ul li.current > a { color:#195cb2; background:url(../images/page-menu-sub-c.gif) no-repeat left 15px; }
.full-page-title-wrap { position:relative; margin:30px 0 0; text-align:center; }
.full-page-title-wrap h2 { margin-bottom:13px; line-height:normal; font-weight:normal; color:#444; font-size:26px; font-size:2.6rem; }
.full-page-title-wrap .full-page-title h3 { display:inline-block; *display:inline; *zoom:1; line-height:normal; font-weight:normal; color:#fff; font-size:13px; font-size:1.3rem; background: #5d9cec; padding: 5px 15px; border-radius: 12px;  }
.full-page-title-wrap .full-page-title i { display:inline-block; *display:inline; *zoom:1; position:relative; top:-5px; width:300px; height:1px; overflow:hidden; background-color:#d9d9d9; }
.full-page-menu-content {  margin-top: 40px; }
.full-page-menu-content ul { padding:0; font-size:0; text-align:center; }
.full-page-menu-content ul li { border-bottom:none; display:inline-block; *display:inline; *zoom:1; background-image:none; margin:0 5px; }
.full-page-menu-content ul li a { 
	display:inline-block; *display:inline; *zoom:1; line-height:52px; padding:0 30px; font-size:18px; font-size: 1.8rem; color:#555; background-color:#f2f2f2;
	-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;
}
.full-page-menu-content ul li a:hover { background:#5D9CEC; color:#fff; }
.full-page-menu-content ul li.current a { background:#5D9CEC; color:#fff;  }
.qhd-content table.slimtable { width:100% !important; }
/* ============================= main ============================= */
.main { background: #F9F9F9; }
	.sidebar { width:230px; padding:35px 0 65px; }
	.sidebar-content { }	
	.content { width:860px; padding:35px 0 65px; _overflow:hidden; }	
		.content .scrollable ul li { width:246px; }
		.content .scrollable .carousel-direction a { width:35px; height:35px; line-height:35px; }
		.content .scrollable a.carousel-prev { left:-35px; }
		.content .scrollable a.carousel-next { right:-35px; }
		.content .product-set .carousel-direction a { top:100px; }
		.content .scrollable-3col .carousel-direction a { top:125px; }
		.content .link-scrollable ul li { width:180px; }
		.content .link-scrollable .carousel-direction a { top:37px; }
		/* 文章 */
		.content .team-introduction .team-img { margin-right:15px; }
		.content .team-introduction .team-img img { width:300px; } 
		.content .team-introduction .team-name { margin-bottom:10px; font-size:22px; }
		.content .team-cases-title { margin:35px 0 20px; padding-top:35px; }
		/* 产品 */
		.content .product-list .col-2-1 .product-item .portfolio-text h2 { margin-top:120px; }
		.content .product-list .col-3-1 .product-item .portfolio-text h2 { margin-top:40px;  }
		.content .product-list .col-4-1 .product-item .portfolio-text h2 { margin-top:30px; }
		.content .product-list .col-4-1 .product-item .portfolio-text .icon-detail { display:none; }
		.content .product-list .col-5-1 .product-item .portfolio-text h2 { margin-top:15px; margin-bottom:10px; }
		.content .product-list .col-5-1 .product-item .portfolio-text .icon-detail { display:none; }
		.content .product-detail-zoom .product-intr .product-preview { width:360px; }
		.content .product-detail-zoom .product-intr .zoom-small-image img { width:360px !important; }
		.content .product-detail-zoom .product-intr .zoom-thumbs { width:360px; }
		.content .product-detail-zoom .product-intr .zoom-thumbs img { width:80px; height:auto !important; }
		/*
		.content .product-detail-zoom .product-intr .product-preview .zoom-small-image img { width:360px !important; }
		.content .product-detail-zoom .product-intr .product-preview .zoom-thumbs { width:360px; }
		*/
	.full-page-content { width:100%; margin-left:auto; margin-right:auto; padding:40px 0 85px; }
	.full-page-content-wrapper { min-height:150px; height:auto !important; _height:150px; }	
	.full-screen { width:100%; overflow:hidden; }
/* ============================= footer ============================= */
.footer { overflow:hidden; background-color:#fff; color:#666; font-size:13px; font-size:1.3rem; }
.footer a { color:#999 !important; }
.footer a:hover { color:#5D9CEC !important; }
.footer .module-title-default { margin-bottom:5px; }
.footer .module-title-default > .module-title-content h3 { color:#666; font-size: 14px;}
.footer .module-more-default a { font-size:12px; }
.footer .module-divider { margin-bottom:20px; margin-top:20px; background-color:#938981; }
.footer .module-title-border { border-color:#666; }
.footer .module-title-border > .module-title-content h3 { color:#666; }
.footer-main .page-width { padding-top:45px; padding-bottom:35px; }
/* ============================= bottom ============================= */
.bottom { overflow:hidden; background:#676767; color:#bebebe; font-size:13px; font-size:1.3rem; }
.bottom a { color:#e5e5e5 !important; }
.bottom a:hover { color:#fff !important; }
.bottom .module-title-default { margin-bottom:15px; }
.bottom .module-title-default > .module-title-content h3 { color:#fff; }
.bottom .module-more-default a { font-size:12px; }
.bottom .module-divider { margin-bottom:20px; margin-top:20px; background-color:#938981; }
.bottom .module-title-border { border-color:#666; }
.bottom .module-title-border > .module-title-content h3 { color:#fff; }
.bottom .page-width { padding-top:20px; padding-bottom:20px; }
/* ==================== fixed-bottom ==================== */
.fixed-bottom { position:fixed; bottom:0; width:100%; z-index:100001; display:none; }
/* ============================= popup ============================= */
.popup { display:none; }
.popup-content { position:fixed; top:40%; left:50%; z-index:10000003; min-width:200px; max-width:10000px; background-color:#fff; padding:20px;  _position:absolute; _width:auto;  }
.popup-close-btn { width:50px; height:50px; position:absolute; top:0; right:-50px; z-index:10000003; }
.popup-close-btn a { display:block; width:50px; height:50px; overflow:hidden; background:#808080 url(../images/icon-close.gif) no-repeat center; }
.popup-close-btn a:hover { background-color:#666; }
.popup-close-btn a span { display:none; }
.popup-overlay { position:absolute; top:0; left:0; z-index:10000002; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80); }
/* ============================= page-loading-cover ============================= */
.page-cover { background:#fff url(../images/loading.gif) no-repeat center 350px; width:100%; height:0; position:absolute; bottom:0; z-index:10000001; }
/* 百度地图 */
#dituContent img { max-width:inherit; }
#dituContent .pop .bottom { padding:0;}
#dituContent .iw_poi_title { color:#cc5522; font-size:16px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap; }
#dituContent .iw_poi_content { font-size:13px; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word; }
.QHDEmptyArea { line-height:0; height:0; margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important;  padding-bottom:0 !important;}
/* ============================= animate ============================= */
@-webkit-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-moz-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-ms-keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@keyframes bounceIn{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}
	100%{-webkit-transform:scale(0.80);-ms-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@-webkit-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-moz-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@-ms-keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
@keyframes upAndDown {
	0% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
	100% {-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);-moz-transform:translate(0, 15px);transform:translate(0, 15px);}
}
/* ============================= 响应式 CSS ============================= */
.desktops-section { display:block; }
.mobile-section { display:none; }
.touch-top-wrapper { padding:10px 15px; background-color:#fff; }
.touch-logo { float:left; }
.touch-navigation { display:none; }
	.touch-toggle-wrapper { margin:0 -10px; }
	.touch-toggle { position:absolute; right:10px; top:0; }
	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }
	.touch-toggle li a { height:70px; }
	.touch-toggle li:hover, .touch-toggle li:active { }
	.touch-toggle .touch-toggle-item-first { border-left:none; }
	.touch-toggle .touch-toggle-item-last { border-right:none; }
	.touch-toggle li a { display:block; font-size:12px; }	
	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; margin-top:20px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
	.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }
	.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }
	.touch-toggle .touch-icon-search { background-image:url(../images/touch-icon-search.png); }
	.touch-toggle .touch-icon-menu { background-image:url(../images/touch-icon-menu.png); }
	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section { background-color:#3074C6; padding:20px 20px 35px; display:none; }	
	.touch-language li { width:49.9%; float:left; }
	.touch-language li a { display:block; margin-bottom:10px; padding:5px 0 5px 5px; color:#fff; }	
	.touch-language li a:hover, .touch-language li a:active { background-color:#0061b0; }	
	.touch-search { border:1px solid #5392e1; position:relative; }
	.touch-search-form { padding:0 50px 0 10px; }
	.touch-form-text { border:none; margin:0; background-color:transparent; padding:0; color:#e5e5e5; width:100%; height:42px; line-height:42px; }
	.touch-form-btn { border:none; padding:0; margin:0; background-color:transparent; position:absolute; top:0; right:0; display:block; width:42px; height:42px; overflow:hidden; cursor:pointer; background:url(../images/touch-icon-search-w.png) no-repeat center; background-size:16px 16px; }
	.touch-form-btn span { display:none; }	
	.touch-menu ul li { border-bottom:1px solid #5392e1; position:relative; }
	.touch-menu ul li a { color:#fff; display:block; font-size:18px; height:48px; line-height:48px; padding-left:10px; }
	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#0061b0; }	
	.touch-menu ul li i { position:absolute; top:19px; right:5px; display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }
	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }
	.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }
	.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u.png); }
	.touch-menu ul ul { display:none; margin:0; padding:0 10px 30px 30px; }
	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }
	.touch-menu ul ul li a { padding:0; padding-left:5px; font-size:16px; height:38px; line-height:38px; }		
	.touch-menu ul ul li i { top:13px; }
